<template>
    <div class="menu">
        <ul class="menu-nav">
            <li>
                <span class="iconfont icon-shouye"></span>
                <p>首页</p>
            </li>
            <li>
                <span class="iconfont icon-D_yonghushoucexiazai_yhscxz"></span>
                <p>手册</p>
            </li>
            <li>
                <span class="iconfont icon-Pensyumaobi"></span>
                <p>博客</p>
            </li>
            <li>
                <span class="iconfont icon-shipin"></span>
                <p>视频</p>
            </li>
            <li>
                <span class="iconfont icon-wodedangxuan"></span>
                <p>我的</p>
            </li>
        </ul>
    </div>
</template>

<style>
    *{
        margin: 0;
        padding: 0;
    }
    .menu{
        width: 100%;
        height: 1.4rem;
        background-color: #f0f0f0;
        position: relative;
    }
    .menu-nav{
        width: 100%;
        height: 1.4rem;
        /* margin-top: -1rem; */
        position: absolute;
        top: 0;
    }
    .menu-nav li{
        width: 20%;
        height: 100%;
        float: left;
        list-style: none;
        text-align: center;
        line-height: 0.6rem ;
    }
    .menu-nav li p{
        font-size: 0.4rem;
    }
    .menu-nav li span{
        font-size: 0.5rem;
    }
</style>